<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: GiantM
  Date: 2018/3/7
  Time: 17:59
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <base href="<%= request.getContextPath()%>/">
    <link href="bootstrap/dist/css/bootstrap.css" rel="stylesheet">
    <style>
        .CarPartsBig{
            width:1200px;
            height:1200px;
            margin: 0px;
            padding: 0px;
        }
        .CarPartsLeft{
            width:100px;
            height: 1200px;
            float:left;
        }
        .CarPartsRight{
            width:800px;
            height:1200px;
            float: left;
        }
    </style>
</head>
<body>
<div class="CarPartsBig">
    <div class="CarPartsLeft">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-md-4">
                    <a href="carparts/preAdd">
                        <button type="button" class="btn btn-danger btn-sm glyphicon glyphicon-pencil"> 添加配件</button>
                    </a>
                </div>
            </div>
            <c:forEach items="${list}" var="pv">
                ${pv.partsType.partsName}<br>
                <c:forEach items="${pv.carPartslist}" var="cars">
                    <a href="carparts/alllist/${cars.pieceName}/1" target="myFrameName">${cars.pieceName}</a><br>
                </c:forEach>
                <br>
            </c:forEach>
        </div>
    </div>
    <div class="CarPartsRight">
        <iframe src="carparts/alllist/刹车片/1" width="1000px" height="1200px"  name="myFrameName" scrolling="no" frameborder="0"></iframe>
    </div>
</div>
</body>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="bootstrap/dist/js/bootstrap.js"></script>
</html>
